<!--
* @author wn
* @date 2022/04/28 14:27:34
* @description: 查看全部  全局组件 props to 指定跳转路由
!-->
<template>
	<router-link class="xtx-more" :to="path">
		<span>查看全部</span>
		<i class="iconfont icon-angle-right"></i>
	</router-link>
</template>
<script>
export default {
	name: 'XtxMore',
	props: {
		path: {
			type: String,
			default: '/',
		},
	},
}
</script>
<style scoped lang="less">
.xtx-more {
	margin-bottom: 2px;
	span {
		font-size: 16px;
		vertical-align: middle;
		margin-right: 4px;
		color: #999;
	}
	i {
		display: inline-block;
		font-size: 14px;
		vertical-align: middle;
		position: relative;
		top: 2px;
		color: #ccc;
	}
	&:hover {
		span,
		i {
			color: @xtxColor;
		}
	}
}
</style>
